<div class="pagination-box" th:inline="text">
	<div class="pagination-left">
		<!-- 总计<span th:text="${page.total}"></span>个记录, 共<span th:text="${page.pages}"></span>页
		<span>第</span><span th:text="${page.pageNum}"></span>页 -->
		每页
		<select id="pagiantion_pagesize_select">
			<option th:selected="${page.pageSize == 10}">10</option>
			<option th:selected="${page.pageSize == 20}">20</option>
			<option th:selected="${page.pageSize == 30}">30</option>
			<option th:selected="${page.pageSize == 40}">40</option>
			<option th:selected="${page.pageSize == 50}">50</option>
			<option th:selected="${page.pageSize == 100}">100</option>
		</select>
		条记录
	</div>
	<ul th:unless="${page.pages == 0}"
		class="pagination">
		<li th:if="${!page.isFirstPage}"><a href="javascript:void(0)"
			th:attr="onclick=${'page('+page.firstPage+','+page.pageSize+')'}"> 首页
		</a></li>
		<li class="prev"
			th:classappend="${!page.hasPreviousPage}? 'disabled'"><a
			th:if="${page.hasPreviousPage}" href="javascript:void(0)"
			title="上一页"
			th:attr="onclick=${'page('+page.prePage+','+page.pageSize+')'}"> <i
				class="glyphicon glyphicon-chevron-left"></i>
		</a></li>
		<li th:class="active">
			<a href="javascript:void(0)"  th:text="${page.pageNum}">1</a>
		</li>
		<li class="next" th:classappend="${!page.hasNextPage}? 'disabled'">
			<a href="#" title="下一页" th:if="${page.hasNextPage}"
			th:attr="onclick=${'page('+page.nextPage+','+page.pageSize+')'}">
				<i class="glyphicon glyphicon-chevron-right"></i>
		</a>
		</li>
		<li th:if="${!page.isLastPage}"><a href="javascript:void(0)"
			th:attr="onclick=${'page('+page.lastPage+','+page.pageSize+')'}"> 尾页
		</a></li>
	</ul>
</div>
